<template>
	<view>
		<view class="VideoInfo-box">
			<view class="VideoInfo">
				<view class="Top">
					<view class="left">
						<view class="Title">
							<text class="Title-text">{{videoitem[0].vod_name}}</text>
						</view>
					</view>
					<view class="right">
						<view class="item" @click="open">
							<view class="jianjie">
								<text class="jianjie-text">简介12<text class="lg text-gray " :class="'arrow-right'"></text></text>
							</view>
						</view>
					</view>
				</view>
				<view class="Bottom">
					<view class="infodesc">
						<!-- 年份 -->
						<text class="item-text niandai">{{videoitem[0].vod_year}}年</text>
						<text class="item-text">/</text>
						<!-- 评分 || -->
						<!-- <text class="item-text pingfen"></text> -->
						<!-- <text class="item-text">/</text> -->
						<!-- 电视剧 -->
						<text class="item-text videoType">{{videoitem[0].type_name = type_name ? '电视剧':''}}</text>
						<text class="item-text">/</text>
						<!-- 大陆 -->
						<text class="item-text diqu">{{videoitem[0].vod_class}}</text>
					</view>
				</view>
			</view>
		</view>
		<!-- popup弹窗 -->
		<button v-if="false" @click="open">打开弹窗</button>
		<uni-popup ref="popup" type="bottom">
		    <view class="popup-box">
		    	<view class="popup">
		    		<text class="jjcentent-text">{{videoitem[0].vod_blurb}}</text>
		    	</view>
		    </view>
		    <button v-if="false" @click="close">关闭</button>
		</uni-popup>
	</view>
</template>

<script>
	//导入公用的非传参等事件，如打开弹窗、关闭弹窗等....
	import componentsFunction from '../mixins/components.js'
	export default {
		mixins:[componentsFunction],
		props:{
			videoitem:{
				type:Array,
				default:[{'vod_name':'测试赛','vod_year':'2022','type_name':'测','vod_class':'试赛'}]
			}
		},
		name:"VideoInfo",
		data() {
			return {
				type_name:'连续剧'
			};
		},
		methods:{
			
		}
	}
</script>

<style lang="scss" scoped>
	@import './VideoInfo.scss';
</style>
